3 files changed, 11 insertions, 8 deletions
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index f51a712..6ab436e 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -37,7 +37,7 @@ export default async function MangaInfo({ params }) {
 									padding: 5,
 								}}
 							>
-								{data.title["romaji"]}
+								{data.title["english"] || data.title["romaji"]}
 							</p>
 							<Image
 								src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${data.image}`}
diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 1e846db..e4cc659 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -66,7 +66,7 @@ export default async function MangaInfo({ params }) {
 
 async function GetSearchedAnime(title) {
 	const res = await fetch(
-		"https://consumet-api-di2e.onrender.com/meta/anilist-manga/" + title
+		"https://consumet-jade.vercel.app/meta/anilist-manga/" + title
 	);
 	const data = await res.json();
 	return data;
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index c832d85..8a87422 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -1,5 +1,5 @@
 .Main {
-	max-width: 90%;
+	max-width: 95%;
 	margin: 60px auto;
 }
 
@@ -26,14 +26,17 @@
 	border-width: 4px;
 	align-items: center;
 	cursor: pointer;
-	transition: transform 0.2s linear;
+	transition: opacity 200ms linear, transform 200ms linear;
 }
 
-.MangaEntries:hover {
-	transition: transform 0.2s linear;
-	transform: scale(1.01);
-	border-color: #535353 #686868;
+/* THIS WORKS*/
+.MangaContainer:hover .MangaEntries {
+	opacity: 0.5;
+}
 
+.MangaContainer:hover .MangaEntries:hover {
+	opacity: 1;
+	transform: scale(1.01);
 }
 
 .MangaInfo {